<style>
    .d2h-moved-tag{
        display: none;
    }
    .d2h-file-name{
        display: flex;
        width: 100%;
        justify-content: space-around;
    }
    .d2h-code-side-line {
        width: calc(100%)!important;
        padding-right: 5px;
    }
</style>

<form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Content')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="form-group" >
                <div class="panel panel-default panel-intro">
                    <div class="panel-heading" style="background-color: #fff;padding-top: 0;">
                        {:build_heading(null, false)}
                        <ul class="nav nav-tabs">
                            <li class="active"><a href="#tab-basic" data-toggle="tab">源文对比</a></li>
                            <li class=""><a href="#tab-detail" data-toggle="tab">渲染对比</a></li>
                        </ul>
                    </div>
                    <div class="panel-body">
                        <div id="myTabContent" class="tab-content">
                            <div class="tab-pane fade active in" id="tab-basic">
                                <p class="text-muted">注：与数据库最新版本对比差异，仅显示有改动的内容以及上下文部分文本，而非显示全部</p>
                                <div id="myDiffElement"></div>
                            </div>
                            <div class="tab-pane fade" id="tab-detail">
                                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                    <div id="c-content-vditor" class="vditor_editor" >

                                    </div>
                                    <textarea id="c-content" class="form-control vditor hide" rows="5" name="row[content]" cols="50">{$row.content|htmlentities}</textarea>
                                </div>

                                <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                    <div id="c-content-vditor2" class="vditor_editor" >

                                    </div>
                                    <textarea id="c-content2" class="form-control vditor hide" rows="5" name="row[content]" cols="50">{$row.new_content|htmlentities}</textarea>
                                </div>

                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="form-group layer-footer ">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8 hide">
            <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
        </div>
    </div>
</form>
